<!DOCTYPE html>
<html lang="en">
<head>
    <title>悦用工资条</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<#-- 支持移动端设备自适应 -->
    <meta name="viewport" content="width=device-width, initial">
</head>

<body>
<#--
<div>登录成功</div>
<div>${userinfo.nickname}</div>
<div><img src="${userinfo.headimgurl}" width="100" height="100"></div>
-->


<#--<div>-->
<#--${userEntity.nickname?if_exists}-->
<#--</div>-->
<#--<div>-->
<#--<img src="${userEntity.image?if_exists}" width="100" height="100">-->
<#--</div>-->
<#--<div>-->
<#--${userEntity.email?if_exists}-->
<#--</div>-->

<div class="table"
     style="position: relative; width:450px;border: 10px solid  #F6F6FC;border-radius: 8px;margin-top:12px;">
    <div
            style="display: flex ;justify-content: space-between;    margin-left: 20px;margin-top:20px;margin-right: 20px;">
        <div style="font-size: 22px; color:#6633FF"> ${salaryData.companyName?if_exists} </div>
        <div style="font-size: 22px; color:#6633FF">  ${salaryData.date?if_exists} </div>
    </div>
    <div
            style="font-size: 18px;color: #FFFFFF;line-height: 18px;height: 32px; display: flex ;text-align: center;align-items: center;justify-content: center; background: #6633FF;  margin-left: 20px;margin-top:20px;margin-right: 20px;margin-bottom:18px;">
        工资信息 </div>
    <div
            style=" border: 1px solid #DADADA;  box-sizing: border-box;font-size: 18px; margin-left: 20px;margin-right: 20px; ">

        <#list salaryData.salaryItemList as data>
            <div style=" font-size: 18px;height: 28px; display: flex ;  ">
                <div
                        style="width: 30%;height: 28px; font-size: 18px;font-weight: 400;color: #333333;display: flex;align-items: center;justify-content: left; text-align: center; margin-left: 20px;">
                    ${data.itemName?if_exists} </div>
                <div style="width:1px; height: 28px; background:  #DADADA;"> </div>
                <div
                        style="width: 70%;height: 28px; font-size: 18px;font-weight: 400;color: #333333;display: flex;align-items: center;justify-content: center;">
                    ${data.itemValue?if_exists} </div>
            </div>
            <div style=" height: 1px;background:  #DADADA;"></div>
        </#list>
    </div>
    <div style="display: flex;justify-content: flex-end;align-items: center;margin-top: 18px;">
        <div style="font-size: 22px;font-weight: 500;color: #333333;line-height: 30px;"> 实收工资： </div>
        <div style="font-size: 24px;font-weight: 500;color: #333333;line-height: 33px;margin-right: 20px;"> ${salaryData.salay?if_exists}
        </div>
    </div>
</div>

</body>
</html>